---
title: Déployer votre site Astro vers l'hébergement d'applications Kinsta
description: Comment déployer votre site Astro sur le web avec Kinsta Application Hosting.
sidebar:
  label: Kinsta
type: deploy
logo: kinsta
supports: ['ssr', 'static']
i18nReady: true
---
import { Steps } from '@astrojs/starlight/components';

Vous pouvez utiliser [Kinsta Application Hosting](https://kinsta.com/application-hosting/) pour héberger un site Astro sur leur hébergement en cloud.

## Configurer votre projet Astro

### Hébergement statique

:::tip[Vous cherchez un exemple ?]
Consultez [le projet officiel Kinsta Application Hosting Starter pour Astro](https://github.com/kinsta/hello-world-astro) !
:::

Pour héberger votre projet sur **Kinsta Application Hosting**, vous devez :
- Inclure un champ `name` dans votre `package.json`. (Cela peut être n'importe quoi, et n'affectera pas votre déploiement).
- Inclure un script `build` dans votre `package.json`. (Votre projet Astro devrait déjà l'inclure).
- Installer le paquet [`serve`](https://www.npmjs.com/package/serve) et définir le script `start` sur `serve dist/`.

Voici les lignes nécessaires dans votre fichier `package.json` :
```json title="package.json" {2,5,6} ins={12} "serv dist/"
{
  "name": "ce-que-vous-voulez", // C'est obligatoire, mais sa valeur n'a pas d'importance.
  "scripts": {
    "dev": "astro dev",
    "start": "serve dist/",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "serve": "^14.0.1"
  },
}
```

### SSR

:::tip[Vous cherchez un exemple ?]
Consultez [le projet officiel Kinsta Application Hosting Starter pour Astro SSR](https://github.com/kinsta/hello-world-astro-ssr) !
:::

Pour héberger votre projet sur **Kinsta Application Hosting**, vous devez :
- Inclure un champ `name` dans votre `package.json`. (Cela peut être n'importe quoi, et n'affectera pas votre déploiement).
- Inclure un script `build` dans votre `package.json`. (Votre projet Astro devrait déjà l'inclure).
- Installer le paquet [`@astrojs/node`](https://www.npmjs.com/package/@astrojs/node) et définir le script `start` sur `node ./dist/server/entry.mjs`.
- Modifier `astro.config.mjs` pour utiliser `@astrojs/node` et pour utiliser `host: true`.

Voici les lignes nécessaires dans votre fichier `package.json` :
```json title="package.json" {2,5,6} ins={12} "node ./dist/server/entry.mjs"
{
  "name": "ce-que-vous-voulez", // C'est obligatoire, mais sa valeur n'a pas d'importance.
  "scripts": {
    "dev": "astro dev",
    "start": "node ./dist/server/entry.mjs",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "@astrojs/node": "^5.1.1"
  },
}
```

Voici les lignes nécessaires dans votre fichier `astro.config.mjs` :
```js title="astro.config.mjs"
  import { defineConfig } from 'astro/config';
  import node from "@astrojs/node";

  export default defineConfig({
    output: 'server',
    adapter: node({
      mode: "standalone"
    }),
    server: {
      host: true
    }
  });
```

## Comment déployer

Une fois que le dépôt GitHub de votre projet est connecté, vous pouvez déclencher des déploiements manuels vers l'hébergement d'applications Kinsta dans le **MyKinsta Admin Panel**. Vous pouvez également configurer des déploiements automatiques dans votre panneau d'administration.

### Configurer une nouvelle application Kinsta

<Steps>
1. Allez dans le panneau d'administration [My Kinsta](https://my.kinsta.com/).

2. Allez dans l'onglet **Applications**.

3. Connectez votre dépôt GitHub.

4. Appuyez sur le bouton **Add service** > **Application**.

5. Suivez les étapes de l'assistant.

6. Votre application est déployée.
</Steps>
